import global from "@/global";
import { RootState } from "@/store";
import { Module } from "vuex";
import { deviceControl } from "./DeviceControl";
import { deviceInfo } from './DeviceInfo/index';
import { fileList } from "./FileList";
import { streamControl } from "./StreamControl";
import { IFrontAsideActions, IFrontAsideGetter, IFrontAsideMutations, IFrontAsideState } from "./types";
const state: IFrontAsideState = {
    bgColor: global.darkTheme.bgColor0,
}

const actions: IFrontAsideActions = {

}

const mutations: IFrontAsideMutations = {

}
const getters: IFrontAsideGetter = {

}

export const frontAside: Module<IFrontAsideState, RootState> = {
    namespaced: true,
    state,
    actions,
    mutations,
    getters,
    modules: {
        deviceInfo,
        deviceControl,
        fileList,
        streamControl
    }
}
